<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="{$navCur.keywords}"/>
    <meta name="description" content="{$navCur.description}"/>
    <title>{$navCur.seotitle}_{$site.site_name}</title>
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/style.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/media.css">
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.animate1.0.3.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/wow.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/menu.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/javascript.js"></script>
    <link rel="shortcut icon" href="__CDN__/assets/addons/wwh/images/favicon.ico">
</head>
<body>
<!-- 头部 -->
{include file="header" /}
<!-- 栏目Banner -->
<div class="col-banner">
    <div class="text">
        <div class="title wow fadeInUp" data-wow-delay="0.3s">
            <h3>{$site.ban1_t1}</h3><i></i>
        </div>
    </div>
    <div class="img">
        <div class="pic" style="background-image: url('{$site.banner1|cdnurl}');">
            <img src="__CDN__/assets/addons/wwh/images/col_size.png" class="img-block" alt="">
        </div>
    </div>
    <div class="banner-path wow fadeInLeft" data-wow-delay="0.4s">
        <div class="container-outer">
            <div class="icon"><img src="__CDN__/assets/addons/wwh/images/home.svg" class="img-center"></div>
            <div class="link">
                <a href="{:addon_url('wwh/index/index')}">首页</a>
                <span>/</span>
                <a href="{:addon_url('wwh/index/column', [':diyname'=>$top.diyname])}" {if $navCur.name == $top.name}class="cur"{/if}>{$top.name}</a>
                {if $navCur.name !== $top.name}
                <span>/</span>
                <a href="{:addon_url('wwh/index/column', [':diyname'=>$navCur.diyname])}" class="cur">{$navCur.name}</a>
                {/if}
            </div>
        </div>
    </div>
</div>
<!-- 内容 -->
<div class="product-list">
    <div class="container-outer">
        <div class="left wow fadeInLeft" data-wow-delay="0.5s">
            <h3>产品分类</h3>
            <ul>
                {volist name="nav" id="v"}
                {if condition="($v.classify == 'product')"}
                {volist name="v.childlist" id="vv"}
                <li {if $vv.id == $navCur.id}class="active"{/if}>
                <h4><a href="{if empty($vv.diyname)}{$vv.outlink}{else}{:addon_url('wwh/index/column', [':diyname'=>$vv.diyname])}{/if}">{$vv.name}</a></h4>
                <div class="pro-second" style="display:block;">
                    {volist name="vv.childlist" id="vvv"}
                    <h6 class="{if $vvv.id == $navCur.id}active{/if}">
                        <a href="{if empty($vvv.diyname)}{$vvv.outlink}{else}{:addon_url('wwh/index/column', [':diyname'=>$vvv.diyname])}{/if}">{$vvv.name}</a>
                    </h6>
                    {volist name="vvv.childlist" id="vvvv"}
                    <div class="pro-third {if $vvvv.id == $navCur.id}active{/if}">
                        <a href="{if empty($vvvv.diyname)}{$vvvv.outlink}{else}{:addon_url('wwh/index/column', [':diyname'=>$vvvv.diyname])}{/if}">{$vvvv.name}</a>
                    </div>
                    {/volist}
                    {/volist}
                </div>
                </li>
                {/volist}
                {/if}
                {/volist}
            </ul>
        </div>
        <div class="right">
            <div class="list">
                {wwh:archives id="v" page="9" type="product"}
                <a href="{:addon_url('wwh/index/archives', [':diyname'=>$navId[$v.column_id]['diyname'], ':id'=>$v.id])}" class="wow fadeInUp" data-wow-delay="0.6s">
                    <div class="title"><h3>{$v.title}</h3></div>
                    <div class="text"><h3>{$v.title}</h3><p>{$v.p_pn}</p></div>
                    <div class="img">
                        <div class="pic" style="background-image: url('{$v.image|cdnurl}');">
                            <img src="__CDN__/assets/addons/wwh/images/index_product_small.png" class="img-block">
                        </div>
                    </div>
                </a>
                {/wwh:archives}
            </div>
        </div>
    </div>
</div>
<div class="fenye wow fadeInUp" data-wow-delay="0.6s">{:$__LIST__->render()}</div>
<!-- 底部 -->
{include file="footer" /}
<script type="text/javascript">
    $('.product-list .left').on('click', 'li', function () {
        $(this).toggleClass('active').siblings().removeClass('active')
        $(this).children(".pro-second").slideUp();
        $(this).children('.pro-second').slideToggle().parent().siblings().children('.pro-second').slideUp()
    })
</script>
</body>
</html>
